<template>
  <basic-container>
    <div class="wel">
      <basic-block :width="width" :height="height" icon="el-icon-platform-eleme" text="工作重心" time="1" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-eleme" text="基础配置" time="2" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-delete-solid" text="标签管理" time="3" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-delete" text="仓库管理" time="4" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-tools" text="计划管理" time="5" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-setting" text="工站模型" time="6" dept="" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-user-solid" text="生产管理" time="7" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-star-off" text="品质管理" time="8" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-goods" text="设备管理" time="9" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-circle-check" text="工装治具" time="10" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-platform" text="辅料管理" time="11" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-fold" text="预警管理" time="12" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-open" text="报表中心" time="13" dept="" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-flag" text="数据查询" time="14" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-data" text="载具管理" time="15" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-grid" text="效能中心" time="16" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-release" text="监控中心" time="17" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-home" text="人员培训" time="18" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-promotion" text="文档中心" time="19" dept="" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-custom" text="流程开发" time="20" dept="" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-custom" text="资源管理" time="21" dept="" color="#158cfb"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-custom" text="系统监控" time="22" dept="" color="#158cfb"></basic-block>
    </div>
  </basic-container>
</template>

<script>
export default {
  data() {
    return {
      width: 200,
      height: 120
    };
  }
};
</script>

<style lang="scss">
.wel {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
</style>
